<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<div th:fragment="menu">

    <!-- 离职的请求方式为post    enctype="multipart/form-data"-->
    <form method="post" id="dimission"
          enctype="multipart/form-data">
        <!-- 模态框Modal -->
        <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog"
             tabindex="-1" id="dimissionModal" class="modal fade">
            <!-- 设置请求方式为method     类型 enctype="multipart/form-data"  -->
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" onclick="showBtn()" class="close" data-dismiss="modal"
                                aria-hidden="true">&times;
                        </button>
                        <h3 style="text-align: center">管理员离职</h3>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="id"/>
                        <p>管理员名称：</p>
                        <input type="text" name="name"
                               autocomplete="off" class="form-control placeholder-no-fix" readonly>
                    </div>
                    <input type="hidden" name="statusStr"/>
                    <div class="modal-body">
                        <p>管理员状态：</p>
                        <input type="radio" name="status"
                               autocomplete="off" value="2" readonly>离职
                    </div>
                    <div class="modal-footer">
                        <button data-dismiss="modal" class="btn btn-default" onclick="showBtn()" type="button">取消</button>
                        <button class="btn btn-theme" type="button" onclick="submitDimission();">离职</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <!-- 离职的请求方式为post    enctype="multipart/form-data"-->
    <!--   处理修改操作 -->
    <script>
        function showBtn(){
            $(".dropdown-item.dimission").show();
        }
        //定义一个函数来处理修改操作
        function submitDimission() {
            //1、获取注册表单所需要提交的数据【文本信息-文件信息】
            var data = new FormData(document.getElementById("dimission"));
            var flag = false;
            console.log(data);
            //2、通过ajax函数提交异步请求
            $.ajax({
                url: 'dimission',
                type: 'post',
                data: data,
                // dataType:'json',
                //对于文件传输设置的属性键值对
                cache: false,//缓存判断
                processData: false,//
                contentType: false,//
                //3、请求成功之后，根据响应的结果来进行操作处理
                success: function (result) {
                    if (result.isok == true) {//修改成功
                        if (confirm("该管理员现在已被禁止使用网站，并且该管理员的信息将在3天后被删除")) {
                            var timer = setInterval(//1、发起ajax请求，提交删除操作
                                function () {
                                    $.post('deleteUser', {"id": result.idDM}, function (result) {
                                        //2、删除成功则删除对应的节点
                                        if (result.isok == true) {
                                            alert('该管理员的信息删除成功');
                                            //跳转页面
                                            location.reload();
                                        } else {
                                            alert(result.message);
                                        }
                                        flag = true;
                                    });}, (5000));
                        }else {
                            $(".dropdown-item.dimission").show();
                        }

                        if(flag){
                            location.reload();
                            clearInterval(timer);
                        }
                    } else {//修改失败
                        alert(result.message);
                    }
                },
                error: function () {
                    alert("操作失败，程序出现错误！");
                }
            });
        }
    </script>
    <!--   处理修改操作 -->

</div>

</html>